<template>
  <div>
    <Card></Card>
    <Sale></Sale>
    <Observe></Observe>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import Observe from './Observe'
import Card from "./Card";
import Sale from './Sale'
export default {
  name: "Dashboard",
  computed: {
    ...mapGetters(["name"]),
  },
  components:{
    Card,
    Sale,
    Observe
  },
  mounted() {
    this.$store.dispatch('getData')
  },
};
</script>

<style scoped>

</style>
